/* Shared Target Folder UI for modals (Transfer/Upload) */

/* Section spacing */
.vuefinder__move-modal__target-title,
.vuefinder__upload-modal__target-label {
  @apply mb-1 text-xs font-bold tracking-wider text-(--vf-text-primary);
}

.vuefinder__move-modal__target-container,
.vuefinder__upload-modal__target-container {
  @apply mb-3;
}

/* Target display */
.vuefinder__move-modal__target-display,
.vuefinder__upload-modal__target-display {
  @apply flex cursor-pointer items-center justify-between rounded-md border border-(--vf-border-primary) bg-(--vf-bg-primary) px-3 py-0.5 transition-colors;
}

.vuefinder__move-modal__target-display:hover,
.vuefinder__upload-modal__target-display:hover {
  @apply border-(--vf-border-focus);
}

/* Path row */
.vuefinder__move-modal__target-path,
.vuefinder__upload-modal__target-path {
  @apply flex min-w-0 flex-1 items-center;
}

/* Storage prefix */
.vuefinder__move-modal__target-storage,
.vuefinder__upload-modal__target-storage {
  @apply mr-0.5 flex-shrink-0 text-xs font-medium text-(--vf-accent-primary);
}

/* Folder path */
.vuefinder__move-modal__target-folder,
.vuefinder__upload-modal__target-folder {
  @apply truncate text-xs tracking-wide text-(--vf-text-primary);
}

/* Browse badge */
.vuefinder__move-modal__target-badge,
.vuefinder__upload-modal__target-badge {
  @apply ml-2 flex-shrink-0 rounded border border-(--vf-accent-primary) bg-(--vf-bg-tertiary) px-2 py-1 text-xs font-medium text-(--vf-accent-primary);
}

/* Accordion container */
.vuefinder__move-modal__tree-selector,
.vuefinder__upload-modal__tree-selector {
  @apply overflow-hidden transition-all duration-300 ease-in-out;
}

/* Collapsed/expanded states */
.vuefinder__move-modal__tree-selector--collapsed,
.vuefinder__upload-modal__tree-selector--collapsed {
  @apply max-h-0 opacity-0;
}

.vuefinder__move-modal__tree-selector--expanded,
.vuefinder__upload-modal__tree-selector--expanded {
  @apply max-h-[400px] opacity-100;
}
